import {ref} from 'vue'
import PageModal from "@/components/page-modal"

type CallBackFn = (item?: any) => void;


export function usePageModal(newCb?: CallBackFn , editCb?: CallBackFn){
  //modal节点
  const pageModalRef = ref<InstanceType<typeof PageModal>>()

  const defaultInfo = ref({})

  //新建用户
  const handleNewData = () => {
    defaultInfo.value = {}
    if(pageModalRef.value){
      pageModalRef.value.dialogVisible = true
    }
    //当前面有值就去调用后面的
    newCb && newCb()
  }

  //编辑
  const handleEditData = (item: any) => {
    defaultInfo.value = {...item}
    if(pageModalRef.value){
      pageModalRef.value.dialogVisible = true
    }
    editCb && editCb(item)
  }

  return [pageModalRef,defaultInfo,handleNewData,handleEditData]
}
